<!--登记收账-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i> <strong>事件管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>管理事件</li>
				<li class="active">管理事件</li>
			</ol>
		</section>
		<!-- Main content -->
		<section class="content" id="mainContent">
			<input type="file" id="file" name="file" style="display: none;" /> <input
				class="form-control" type="hidden" id="eventRegisterIdentify"
				name="eventRegisterIdentify" th:value="${eventRegisterIdentify}" />
			<input class="form-control" type="hidden" id="eventReportIdentify"
				name="eventReportIdentify" th:value="${eventReportIdentify}" />
			<div class="row">
				<div class="col-md-8">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">地理信息系统</h4>
						</div>
						<div class="form-inline">
							<div class="input-group">
								<button type="button" disabled="disabled"
									class="btn btn-info pull-right addEventInMapBtn">添加事件</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right searchPartInMapBtn">框选</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right cancelPartInMapBtn"
									disabled="disabled">取消框选</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right showTVPointInMapBtn">仅显示监控点</button>
							</div>
							<div class="input-group">
								<button type="button"
									class="btn btn-info pull-right showThreeDInMapBtn">2.5D展示</button>
							</div>
						</div>
						<div class="box box-info">
							<div id="map" style="height: 510px;"></div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">上报事件源</h4>
						</div>
						<div class="widget-content nopadding">
							<form id="eventReportForm">
								<table class="table table-bordered">
									<tbody>
										<tr>
											<td width="8%" align="center">事件大类</td>
											<td width="16%">
												<div class="col-md-12">
													<input class="form-control" type="text"
														name="reportEventType" id="reportEventType"
														readonly="readonly" />
												</div>
											</td>
											<td width="24%" align="center" rowspan="6">
											<img id="reportImgAdress" width="100%" src="" height="240px" data-type='page' data-div="#mainContent"/>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">所属网格</td>
											<td>
												<div class="col-md-12">
													<input class="form-control" type="text"
														name="reportEventToNetGrid" readonly="readonly"
														id="reportEventToNetGrid" />
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">上报人</td>
											<td width="16%">
												<div class="col-md-12">
													<input class="form-control" type="text" name="reportUser"
														readonly="readonly" id="reportUser" />
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">联系电话</td>
											<td width="16%">
												<div class="col-md-12">
													<input class="form-control" type="text"
														name="reportUserPhone" readonly="readonly"
														id="reportUserPhone" />
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">发生时间</td>
											<td width="16%">
												<div class="col-md-12">
													<input class="form-control" type="text" readonly="readonly"
														name="reportAccTime" id="reportAccTime" />
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">发生地点</td>
											<td colspan="3">
												<div class="col-md-12">
													<textArea class="form-control" id="reportAdress" rows="1"
														readonly="readonly"></textArea>
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">上报事件详细内容</td>
											<td colspan="3">
												<div class="col-md-12">
													<textArea class="form-control" id="reportContent" rows="5"
														readonly="readonly"></textArea>
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">上报事件特别备注</td>
											<td colspan="3">
												<div class="col-md-12">
													<textArea class="form-control" id="reportMemo" rows="4"
														readonly="readonly"></textArea>
												</div>
											</td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
					</div>
				</div>
				<div class="col-md-12">
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">事件受理详情</h4>
						</div>
						<div class="widget-content nopadding">
							<form id="eventRegisterForm">
								<table class="table table-bordered">
									<tbody>
										<tr>
											<td width="8%" align="center">事件类型</td>
											<td width="16%">
												<div class="col-md-9">
													<input class="form-control" type="text"
														name="registerEventTypeName" id="registerEventTypeName"
														readonly="readonly" datatype="*,*1-100" nullmsg="请选择事件类型" />
													<input class="form-control" type="hidden"
														id="registerEventType" name="registerEventType" />
												</div>
												<div class="col-md-1">
													<button type="button" id="registerEventTypeBtn"
														class="btn btn-info">选择</button>
												</div>
											</td>
											<td width="8%" align="center">登记名称</td>
											<td width="16%">
												<div class="col-md-10">
													<input class="form-control" type="text"
														name="registerEventName" datatype="*,*1-100"
														nullmsg="请输入事件名称" id="registerEventName" />
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</td>
											<td width="8%" align="center">事件编码</td>
											<td width="16%">
												<div class="col-md-11">
													<input class="form-control" type="text"
														name="registerEventIdentify" readonly="readonly"
														id="registerEventIdentify" />
												</div>
											</td>
											<td width="24%" align="center" rowspan="6"><a
												href="javascript: ;" id="fileclick"><img data-div="#mainContent"  data-type='page'
													id="registerEventImgAdress" width="100%" src=""
													height="320px" /></a></td>
										</tr>
										<tr>
											<td width="8%" align="center">扣分级别</td>
											<td width="16%">
												<div class="col-md-9">
													<select class="form-control" type="text"
														name="registerEventEvaluateLevel"
														id="registerEventEvaluateLevel" datatype="*,*1-100,t"
														nullmsg="请选择扣分级别">
														<option th:each="grading:${gradings}"
															th:text="${grading.gradingName}" th:value="${grading.id}">
														</option>
													</select>
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</td>
											<td width="8%" align="center">严重程度</td>
											<td>
												<div class="col-md-10">
													<select class="form-control" type="text"
														name="registerEventSeriousLevel"
														id="registerEventSeriousLevel" datatype="*,*1-100,t"
														nullmsg="请选择扣分级别">
														<option
															th:each="registerEventSeriousLevel:${registerEventSeriousLevels}"
															th:text="${registerEventSeriousLevel.title}"
															th:value="${registerEventSeriousLevel.id}"></option>
													</select>
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</td>
											<td width="8%" align="center">所属网格</td>
											<td width="16%">
												<div class="col-md-11">
													<input class="form-control" type="text" readonly="readonly"
														name="registerEventToNetGridName"
														id="registerEventToNetGridName" /> <input
														class="form-control" type="hidden"
														id="registerEventToNetGrid" name="registerEventToNetGrid" />
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">主体部件</td>
											<td width="16%">
												<div class="col-md-9">
													<input class="form-control" type="text"
														name="registerEventToPartBaseInfoName"
														id="registerEventToPartBaseInfoName" readonly="readonly" />
													<input class="form-control" type="hidden"
														id="registerEventToPartBaseInfo"
														name="registerEventToPartBaseInfo" />
												</div>
												<div class="col-md-1">
													<button type="button" id="registerEventToPartBaseInfoBtn"
														class="btn btn-info">选择</button>
												</div>
											</td>
											<td width="8%" align="center">主管部门</td>
											<td width="16%">
												<div class="col-md-10">
													<input class="form-control" type="text" readonly="readonly"
														name="registerEventHierarchyName"
														id="registerEventHierarchyName" /> <input
														class="form-control" type="hidden"
														id="registerEventHierarchy" name="registerEventHierarchy" />
												</div>
											</td>
											<td width="8%" align="center">流转状态</td>
											<td width="16%">
												<div class="col-md-11">
													<input class="form-control" type="text" readonly="readonly"
														name="registerEventState" id="registerEventState" />
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">接收时限(小时)</td>
											<td width="16%">
												<div class="col-md-9">
													<input class="form-control" type="text"
														name="acceptLimitSpan" datatype="*,*1-11,t"
														nullmsg="请输入接收时限" onkeyup="clearNoNum(this)"
														id="acceptLimitSpan" />
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</td>
											<td width="8%" align="center">处理时限(小时)</td>
											<td width="16%">
												<div class="col-md-10">
													<input class="form-control" type="text"
														name="dealLimitSpan" datatype="*,*1-11,t"
														nullmsg="请输入处理时限" onkeyup="clearNoNum(this)"
														id="dealLimitSpan" />
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div>
											</td>
											<td colspan="2">&nbsp;</td>
										</tr>
										<tr>
											<td width="8%" align="center">发生时间</td>
											<td  colspan="5">
												<div class="col-md-12">
													<input class="form-control" type="date"
														name="registerEventReportTime"
														id="registerEventReportTime" datatype="*"
														nullmsg="请输入发生时间" style="float: left;width: 160px"/>
													<input type="time" class="form-control" name="dateTime"
														id="dateTime" datatype="*" nullmsg="请输入发生时间" style="float: left;width: 100px;"/>
													<span style="color: #F00; fontsize: 30px">&nbsp;&nbsp;*</span>
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">发生地点</td>
											<td width="16%" colspan="5">
												<div class="col-md-11">
													<input class="form-control" type="text" readonly="readonly"
														name="registerEventAdress" id="registerEventAdress"
														datatype="*" nullmsg="请确认事件位置" /> <input
														class="form-control" type="hidden" id="longitude"
														name="longitude" /> <input class="form-control"
														type="hidden" id="latitude" name="latitude" />
												</div>
												<div class="col-md-1">
													<span style="color: #F00; fontsize: 30px">*</span>
												</div> <!-- <div class="col-md-2">
													<button type="button" id="registerEventAdressBtn"
														class="btn btn-info">从定位...</button>
												</div> -->
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">登记详细内容</td>
											<td colspan="5">
												<div class="col-md-12">
													<textArea class="form-control" id="registerEventContent"
														rows="2"></textArea>
												</div>
											</td>
										</tr>
										<tr>
											<td width="8%" align="center">登记详细备注</td>
											<td colspan="5">
												<div class="col-md-12">
													<textArea class="form-control" id="registerEventMemo"
														height="100px" rows="2"></textArea>
												</div>
											</td>
										</tr>
										<tr>
											<td colspan="7"><a type="button"
												class="btn btn-default pull-right"
												href="javascript:history.go(-1)">返回</a>
												<button type="button"
													class="btn btn-primary pull-right rejectEventBtn"
													disabled="true" style="display: none;">退回</button>
												<button type="button"
													class="btn btn-primary pull-right receiveEventBtn"
													disabled="true" style="display: none;">接收</button>
												<button type="button"
													class="btn btn-primary pull-right rejectBackEventBtn"
													disabled="true">确认退回</button>
												<button type="button"
													class="btn btn-primary pull-right backEventBtn"
													disabled="true">收回</button>
												<button type="button"
													class="btn btn-primary pull-right submitEventBtn"
													disabled="true">发布</button>
												<button type="button"
													class="btn btn-primary pull-right saveEventBtn"
													disabled="true">保存</button>
												<button type="button"
													class="btn btn-primary pull-right contrastBtn" disabled="true">图片对比</button></td>
										</tr>
									</tbody>
								</table>
							</form>
						</div>
					</div>
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">事件扣分信息</h4>
						</div>
						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs" id="myTabs">
							</ul>
							<div class="tab-content" id="tabcontentdiv"></div>
						</div>
					</div>
					<div class="box box-info">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">事件-网格管理人员信息</h4>
						</div>
						<div class="box box-body">
							<table id="userDataTable"
								class="mytable display table-bordered text-center"
								cellspacing="0" width="100%">
								<thead>
									<tr>
										<th width="5%">序号</th>
										<th width="9%">人员名称</th>
										<th width="8%">性别</th>
										<th width="12%">电话</th>
										<th width="12%">邮箱</th>
										<th width="5%">所属部门</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
					<div class="box box-info" id="completion" style="display: none;">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">事件完结信息</h4>
						</div>
						<div class="box box-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="10%" align="center">处理人</td>
										<td width="15%">
											<div class="col-md-12" id="dealer">
											</div>
										</td>
										<td width="10%" align="center">归档人</td>
										<td width="15%">
											<div class="col-md-12" id="archiver">
											</div>
										</td>
										<td width="10%" align="center">归档时间</td>
										<td width="15%">
											<div class="col-md-12" id="archeveDate">
											</div>
										</td>
										<td width="25%" align="center" rowspan="3">
											<img id="archeveImgAdress" width="100%" src="" height="200px" data-div="#mainContent"  data-type='page'/>
										</td>
									</tr>
									<tr>
										<td width="10%" align="center">内容</td>
										<td colspan="5">
											<div>
												<textArea class="form-control" id="archeveContent" rows="2" disabled="disabled"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="10%" align="center">备注</td>
										<td colspan="5">
											<div>
												<textArea class="form-control" id="archeveMemo" rows="2" disabled="disabled"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<div class="box box-info" id="completion">
						<div class="box-header with-border">
							<i class="fa fa-th-list"></i>
							<h4 class="box-title">流转状态</h4>
						</div>
						<div class="box box-body">
						<table class="table table-bordered">
							<!-- 表头-->
							<thead>
								<tr>
									<td>任务操作描述</td>
									<td>当前状态</td>
									<td>操作时间</td>
									<td>操作人</td>

								</tr>
							</thead>
							<!--显示数据列表-->
							<tbody id="procedureB" class="dataContainer">
							</tbody>
						</table>
						</div>
					</div>
				</div>
				<div id="loadingImage">
					<img th:src="@{/img/loading.gif}" />
				</div>
			</div>
		</section>
		<div class="modal" id="backModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<form id="backForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>操作收回</strong>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">收回原因:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="backMemo" rows="5"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary savebackBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal" id="rejectModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<form id="rejectForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>操作退回</strong>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">退回原因:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectMemo" rows="5"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saveRejectBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal" id="rejectBackModal">
			<div class="modal-dialog" role="dialog" style="width: 50%">
				<form id="rejectBackForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>确认退回</strong>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">退回原因:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectBackReason"
													readonly="readonly" rows="5"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">退回人:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectBackPerson"
													readonly="readonly" rows="1"></textArea>
											</div>
										</td>
									</tr>
									<tr>
										<td width="4%" align="center">确认退回备注:</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="rejectBackMemo" rows="5"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td align="center"><label>事件详情</label><div><img id="backRegisterImg" width="250px" src="" height="250px" /></div></td>
										<td align="center"><label>回退情况</label><div><img id="backImg" width="250px" src="" height="250px" /></div></td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary saverejectBackBtn">保存</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal fade " id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" >
		    <div class="modal-dialog">
		        <div class="modal-content qTouchIndexBackground">
		            <div class="modal-header my-modal-header qTouchIndexHeadBackground">
		            <button type="button" class="close" data-dismiss="modal" style="opacity :1 !important;margin: 0px;height: 100%;padding-right: 10px;"  aria-hidden="true"><a style="color: white;"><i class="glyphicon glyphicon-remove" style="font-size: 2em;"></i></a></button>
		           		<div class="col-sm-3	">
			                <h4 class="modal-title my-modal-title">
			                    监控详细
			                </h4>
		                </div>
		                <div class="col-sm-3">
		                	<img src="../img/index/left.png" class="" alt="上一页" style="float:left;width: 2.5em;" id="previousPage"/>
			                <h4 class="modal-title" id="" style="float:left;margin-top: 3px; font-size: 2em; color: white;">
			                    &nbsp;上一页
			                </h4>
		                </div>
		                <div class="col-sm-1">
			                <h4 class="modal-title" style="float:left;margin-top: 3px; font-size: 2em; color: white;" id="pageNum">
			                    1
			                </h4>
		                </div>
		                <div class="col-sm-3">
			                <h4 class="modal-title" id="" style="float:left;margin-top: 3px; font-size: 2em; color: white;">
			                    下一页&nbsp;
			                </h4>
			                <img src="../img/index/right.png" class="" alt="下一页" style="float:left;width: 2.5em;" id="nextPage"/>
		                </div>
		            </div>
		            <div id="TVdiv" class="modal-body">
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal -->
		</div>
		<div class="modal" id="mapShowModal">
			<div class="modal-dialog" role="dialog" style="width: 80%">
				<form id="mapShowForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>监控详情</strong>
							</h4>
						</div>
						<div class="modal-body">
							<table class="table table-bordered">
								<tbody>
									<tr>
										<td width="4%" align="center">视频信号ID列表</td>
										<td width="16%">
											<div class="col-md-12">
												<textArea class="form-control" id="tvids"
													readonly="readonly" rows="15"></textArea>
											</div>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary getTVPictureBtn">截图</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal" id="eventTreeModal">
			<div class="modal-dialog" role="dialog" style="width: 30%">
				<form id="eventTreeForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>事件类型选择</strong>
							</h4>
						</div>
						<div class="modal-body">
							<div class="box box-info">
								<div class="box-header with-border">
									<h3 class="box-title">
										<i class="fa fa-cubes "></i><strong>事件类型</strong>
									</h3>
								</div>
								<div class="box-body">
									<ul id="eventTree" class="ztree"></ul>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary eventTypeConfirmBtn">确认</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>

		<div class="modal" id="partModal">
			<div class="modal-dialog" role="dialog" style="width: 70%">
				<form id="partForm">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>部件选择</strong>
							</h4>
						</div>
						<div class="modal-body">
							<div class="row" style="margin-left: 1px; margin-right: 1px;">
								<div class="col-md-3">
									<div class="box box-info">
										<div class="box-header with-border">
											<h3 class="box-title">
												<i class="fa fa-cubes "></i><strong>部件层级</strong>
											</h3>
										</div>
										<div class="box-body">
											<ul id="partTree" class="ztree"></ul>
										</div>
									</div>
								</div>
								<div class="col-md-9">
									<div class="box box-info">
										<div class="box-header with-border">
											<i class="fa fa-th-list"></i>
											<h3 class="box-title">部件信息</h3>
										</div>
										<div class="box-body">
											<div class="form-inline">
												<div class="input-group">
													<input type="text" class="form-control" id="search"
														placeholder="Search..." /> <span class="input-group-btn">
														<button type="button" name="search"
															class="btn btn-info searchBtn">查询</button>
														<button type="button" name="reset"
															class="btn btn-info resetBtn">撤消</button>
													</span>
												</div>
											</div>
										</div>
										<div class="box box-body">
											<table id="dataTable"
												class="mytable display table-bordered text-center"
												cellspacing="0" width="100%">
												<thead>
													<tr>
														<th width="5%">序号</th>
														<th width="2%"></th>
														<th width="9%">部件名称</th>
														<th width="9%">生产厂家</th>
														<th width="8%">生产日期</th>
														<th width="8%">安装日期</th>
														<th width="9%">所属区域</th>
														<th width="9%">所属部件</th>
														<th width="5%">状态</th>
													</tr>
												</thead>
												<tbody>
												</tbody>
											</table>
										</div>

									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary partConfirmBtn">确认</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="modal  " id="mapforbaidu">
			<div class="modal-dialog" role="dialog" style="width: 60%">
				<form id="map-form">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title">
								<strong>地图坐标选取</strong>
							</h4>
						</div>
						<div class="modal-body">
							<div class="box-body" style="height: 600px;">
								<div id="allmap" class="allmap"
									style="height: 100%; overflow: hidden; margin: 0;"></div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-primary getLaction">得到坐标</button>
							<button type="button" class="btn btn-default"
								data-dismiss="modal">返回</button>
						</div>
					</div>
				</form>
			</div>
			<link rel="stylesheet" type="text/css" media="all" th:href="@{/plugins/MapIndex/stylesheets/QTouchIndexvideo.css}" />
		
		<link rel="stylesheet" type="text/css" media="all"
			th:href="@{/plugins/MapIndex/stylesheets/myMain.css}" />
			<!-- <link rel="stylesheet" type="text/css"
				href="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
			<link rel="stylesheet" type="text/css"
				href="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
			<script type="text/javascript"
				src="http://39.104.15.140/arcgis_js_api/library/3.16/3.16/init.js"></script> -->
				<link rel="stylesheet" type="text/css"
					href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css" />
				<link rel="stylesheet" type="text/css"
					href="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/esri/css/esri.css" />
				<script type="text/javascript"
					src="http://39.107.125.44/arcgis_js_api/library/3.16/3.16/init.js"></script>
		</div>
		
		<div class="modal" id="contrastModal">
			<div class="modal-dialog" role="dialog" style="width: 60%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal"
							aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						<h4 class="modal-title">
							<strong>图片对比</strong>
						</h4>
					</div>
					<div class="modal-body">
						<div class="box-body">
							<div id="picContrast"></div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
					</div>
				</div>
			</div>
		</div>
		<link rel="stylesheet" th:href="@{/eventRegister/hover.css}" />
		<script type="text/javascript"
			th:src="@{http://api.map.baidu.com/api?v=2.0&amp;ak=ESUICaohNGpKKOAx3d2SOzDxuZ2WUMlX}"></script>
		<script type="text/javascript"
			src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
		<script th:src="@{/eventRegister/eventRegisterEdit.js}"></script>
	</div>
</body>
</html>